<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>index</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/reset.css">
</head>

<body>
    <section class="accommodation">
        <div class="reserve">
            <img src="images/logo.png" alt="">
            <span>客房预订</span>
            <a href="">
                <img src="images/home.png" alt="">
            </a>
            <ul>
                <li>酒店印象</li>
                <li>客房展示</li>
                <li>海景房</li>
                <li>家庭套房</li>
                <li>情侣房</li>
                <li>酒店周边</li>
                <li>武汉景点</li>
            </ul>
        </div>
        <div class="hotel">
            <div class="theme">
                <img src="images/logo2.png" alt="">
                <h3>海景房</h3>
                <div class="scale">
                    <span>点击放大全景</span>
                </div>
            </div>
        </div>
        <div class="type">
            <a href="">海景房</a>
            <a href=""
            class="a-2">家庭套房</a>
            <a href="" class="a-3">情侣房</a>
        </div>
        <div class="footer">
            <div class="contract">
                <div class="contract-left">
                    <span>贵宾金环会</span>
                    <span>集团优惠推广 </span>
                    <span>香槟国际移动应用</span>
                </div>
                <div class="contract-right">
                    <span>与我们联系</span>
                    <a class="a-1" href=""></a>
                    <a class="a-2"href=""></a>
                    <a class="a-3" href=""></a>
                    <a class="a-4" href=""></a>
                    <a class="a-5" href=""></a>
                    <img src="images/code_big.png" alt="">
                    <img src="images/code_small.png" alt="">
                </div>
            </div>
            <div class="clear"></div>
            <div class="more-right">
                <span>关于香槟国际大酒店</span>
                <span>香槟国际公寓</span>
                <span>媒体中心</span>
                <span>投资资讯</span>
                <span>职业发展</span>
                <span>人身与财产安全</span>
                <span>隐私政策</span>
                <span> 网页索引</span>
            </div>
            <div class="more-right">
                <span>@ 2014</span>
                <span>香槟国际大酒店管理有限公司</span>
                <span>保留所有权利</span>
                <span>粤ICP备09038444号</span>
            </div>

        </div>
    </section>
</body>

</html>